<style>:host .chart{--d3fc-local-full--gradient:var(--d3fc-full--gradient,linear-gradient(#4d342f 0%,#e4521b 22.5%,#feeb65 42.5%,#f0f0f0 50%,#dcedc8 57.5%,#42b3d5 67.5%,#1a237e 100%));--d3fc-local-positive--gradient:var(--d3fc-positive--gradient,linear-gradient(#dcedc8 0%,#42b3d5 35%,#1a237e 100%));--d3fc-local-negative--gradient:var(--d3fc-negative--gradient,linear-gradient(#feeb65 100%,#e4521b 70%,#4d342f 0%));--d3fc-local-series:var(--d3fc-series,rgba(31,119,180,0.5));--d3fc-local-series-1:var(--d3fc-series-1,#0366d6);--d3fc-local-series-2:var(--d3fc-series-2,#ff7f0e);--d3fc-local-series-3:var(--d3fc-series-3,#2ca02c);--d3fc-local-series-4:var(--d3fc-series-4,#d62728);--d3fc-local-series-5:var(--d3fc-series-5,#9467bd);--d3fc-local-series-6:var(--d3fc-series-6,#8c564b);--d3fc-local-series-7:var(--d3fc-series-7,#e377c2);--d3fc-local-series-8:var(--d3fc-series-8,#7f7f7f);--d3fc-local-series-9:var(--d3fc-series-9,#bcbd22);--d3fc-local-series-10:var(--d3fc-series-10,#17becf);}:host .chart .series{fill:var(--d3fc-local-series);}:host .chart .series-1{fill:var(--d3fc-local-series-1);}:host .chart .series-2{fill:var(--d3fc-local-series-2);}:host .chart .series-3{fill:var(--d3fc-local-series-3);}:host .chart .series-4{fill:var(--d3fc-local-series-4);}:host .chart .series-5{fill:var(--d3fc-local-series-5);}:host .chart .series-6{fill:var(--d3fc-local-series-6);}:host .chart .series-7{fill:var(--d3fc-local-series-7);}:host .chart .series-8{fill:var(--d3fc-local-series-8);}:host .chart .series-9{fill:var(--d3fc-local-series-9);}:host .chart .series-10{fill:var(--d3fc-local-series-10);}:host{user-select:none;}:host .chart{position:absolute;box-sizing:border-box;left:0;top:0;%;%;padding:12px;overflow:hidden;}:host .chart.heatmap d3fc-group.cartesian-chart,:host .chart.treemap d3fc-group.cartesian-chart{grid-template-columns:minmax(0em,max-content)auto 1fr auto minmax(0em,max-content);grid-template-rows:minmax(0em,max-content)auto 1fr auto minmax(0em,max-content);}:host .chart .chart-label{display:none;}:host .chart.heatmap{padding-right:120px;}:host .chart.xyscatter{padding:0;font-size:14px;}:host .chart.xyscatter d3fc-group:first-child{padding:16px;padding-top:0px;width:calc(100% - 32px);height:calc(100% - 16px);}:host .chart.xyscatter .multi-xlabel{position:absolute;bottom:0;em;%;display:flex;justify-content:center;align-items:center;background:var(--d3fc-legend--background);}:host .chart.xyscatter .multi-ylabel{position:absolute;top:0;em;%;display:flex;justify-content:center;align-items:center;background:var(--d3fc-legend--background);}:host .chart.xyscatter .outer-container{%;}:host .chart.xyscatter .inner-container{display:inline-grid;overflow-y:auto;width:calc(100% - 16px);%;padding:0;margin:0;}:host .chart.xyscatter .inner-container div{overflow:hidden;}:host .chart.xyscatter .inner-container text.segment,:host .chart.xyscatter .inner-container text.parent{text-anchor:middle;user-select:none;pointer-events:none;fill:var(--d3fc-treedata--labels,rgb(51,51,51));}:host .chart.xyscatter .inner-container div.xy-scatter-container{margin:5px 0;}:host .chart.sunburst{padding:0;font-size:14px;}:host .chart.sunburst .outer-container{%;}:host .chart.sunburst .inner-container{%;%;display:inline-grid;padding:0;margin:0;overflow-x:hidden;overflow-y:auto;}:host .chart.sunburst .inner-container div{overflow:hidden;}:host .chart.sunburst .inner-container .sunburst-container:not(:only-child) svg{transform:translate(0,-27px);}:host .chart.sunburst .inner-container svg{%;%;}:host .chart.sunburst .inner-container path{fill:var(--d3fc-series,rgba(31,119,180,0.5));}:host .chart.sunburst .inner-container text.segment,:host .chart.sunburst .inner-container text.parent{text-anchor:middle;user-select:none;pointer-events:none;fill:var(--d3fc-treedata--labels,rgb(51,51,51));}:host .chart.sunburst .inner-container div.title-container{margin-top:5px;}:host .chart.has-legend{padding-right:120px;}:host .chart.treemap .treemap-container{position:relative;}:host .chart.treemap .treemap-container:not(:only-child){width:calc(100% - 12px);height:calc(100% - 12px);}:host .chart.treemap .outer-container{%;}:host .chart.treemap .inner-container{%;%;display:inline-grid;padding:0;margin:0;overflow-x:hidden;overflow-y:auto;}:host .chart.treemap .inner-container div{overflow:hidden;}:host .chart.treemap .inner-container svg{%;%;}:host .chart.treemap .inner-container .treerect{stroke:var(--d3fc-treedata-axis--lines,var(--d3fc-axis--lines,white));fill:var(--d3fc-series,rgba(31,119,180,0.5));}:host .chart.treemap .inner-container .treerect:hover{cursor:pointer;stroke:var(--d3fc-treedata--hover-highlight,black);stroke-opacity:1;}:host .chart.treemap .inner-container .rootnode{opacity:0;pointer-events:none;z-index:0;}:host .chart.treemap .inner-container .branchnode{opacity:0;}:host .chart.treemap .inner-container .branchnode:hover{fill-opacity:0.1;opacity:1;fill:var(--d3fc-treedata--hover-highlight,black);}:host .chart.treemap .inner-container .leafnode{fill-opacity:0.8;}:host .chart.treemap .inner-container .leafnode:hover{fill-opacity:0.5;}:host .chart.treemap .inner-container #hidden{opacity:0;pointer-events:none;z-index:0;}:host .chart.treemap .inner-container .top{font-size:14px;z-index:5;pointer-events:none;}:host .chart.treemap .inner-container .mid{font-size:8px;opacity:0.7;z-index:4;}:host .chart.treemap .inner-container .lower{font-size:0px;opacity:0;z-index:4;}:host .chart.treemap .inner-container text{fill:var(--d3fc-treedata--labels,rgb(51,51,51));}:host .chart.treemap .inner-container text.title{dominant-baseline:hanging;}:host .chart.treemap .inner-container .parent-controls{position:absolute;top:12px;right:auto;left:30px;width:auto;z-index:4;transition:box-shadow 1s;}:host .chart.treemap .inner-container .parent-controls:hover{box-shadow:2px 2px 6px#000;transition:box-shadow 0.2s;}:host .chart .x-label{em!important;line-height:1em!important;}:host .chart .x-label,:host .chart .y-label{color:var(--d3fc-label--color,inherit);font-size:14px;}:host .chart d3fc-canvas.plot-area{display:none;}:host .chart.xyscatter d3fc-canvas.plot-area,:host .chart.xyline d3fc-canvas.plot-area,:host .chart.ohlc d3fc-canvas.plot-area,:host .chart.candlestick d3fc-canvas.plot-area,:host .chart.heatmap d3fc-canvas.plot-area{display:block;}:host .chart .y-axis text,:host .chart .x-axis text{fill:var(--d3fc-axis-ticks--color,rgb(80,80,80));font-size:11px;}:host .chart .y-axis path,:host .chart .x-axis path{stroke:var(--d3fc-axis--lines,rgb(180,210,225));}:host .chart .splitter-label{display:inline-block;margin:0 10px;cursor:pointer;}:host .chart .splitter-label::after{margin-left:5px;color:var(--d3fc-axis--lines,rgb(180,210,225));}:host .chart .splitter-label:hover::after{color:var(--d3fc-axis-ticks--color,rgb(80,80,80));}:host .chart .splitter-label.disabled::after{color:rgba(80,80,80,0.3);}:host .chart .splitter-label.disabled{cursor:default;}:host .chart .y-label.left-label .splitter-label::after{background-repeat:no-repeat;background-color:var(--icon--color);content:"";display:inline-block;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-image:var(--sort-desc-icon--mask-image);mask-image:var(--sort-desc-icon--mask-image);}:host .chart .y-label.right-label .splitter-label::after{background-repeat:no-repeat;background-color:var(--icon--color);content:"";display:inline-block;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-image:var(--sort-asc-icon--mask-image);mask-image:var(--sort-asc-icon--mask-image);}:host .chart.ybar .y-axis path,:host .chart.yline .y-axis path,:host .chart.xyline .y-axis path,:host .chart.xyline .x-axis path,:host .chart.yarea .y-axis path,:host .chart.yscatter .y-axis path,:host .chart.xyscatter .y-axis path,:host .chart.xyscatter .x-axis path,:host .chart.xbar .x-axis path{visibility:hidden;}:host .chart .y-label{white-space:nowrap;}:host .chart .nearbyTip{fill:var(--d3fc-series,rgba(31,119,180,0.5));}:host #dragHandles{position:absolute;top:0px;right:0px;left:auto;pointer-events:none;}:host #dragHandles rect{pointer-events:all;}:host .label rect{fill:none;}:host .legend-container{position:absolute;top:12px;right:12px;left:auto;}:host .legend-container.legend-color{}:host .legend-container[borderbox-on-hover="true"]{transition:box-shadow 1s;}:host .legend-container[borderbox-on-hover="true"]:hover{background-color:var(--d3fc-legend--background,#ffffff);transition:box-shadow 0.2s,background-color 0.2s;}:host .legend-container .legend{font-size:8pt;%;}:host .legend-container .legend .cell{cursor:pointer;}:host .legend-container .legend .cell path{fill:var(--d3fc-series,rgba(31,119,180,0.5));stroke:var(--d3fc-series,rgb(31,119,180));}:host .legend-container .legend .cell.hidden path{fill:rgba(204,204,204,0.5);stroke:rgb(204,204,204);}:host .legend-container .legend .cell.hidden circle{fill:rgb(204,204,204)!important;}:host .legend-container text{fill:var(--d3fc-legend--text,rgb(51,51,51));}:host .legend-container .label:hover{fill:rgb(34,160,206);}:host .legend-container #legend-axis path{stroke:var(--d3fc-legend--text,rgb(51,51,51));}:host .legend-container .legend-controls{margin-left:12px;}:host .legend-container .legend-controls #up-arrow,:host .legend-container .legend-controls #down-arrow{cursor:pointer;color:rgb(31,119,180);}:host .legend-container .legend-controls #up-arrow.disabled,:host .legend-container .legend-controls #down-arrow.disabled{cursor:default;color:rgb(51,51,51);}:host .heatmap .legend-container.legend-color{}:host .treemap .legend-container.legend-color{}:host .treemap .legend-container:not(.legend-color){}:host .zoom-controls{position:absolute;top:10px;left:0;%;text-align:center;}:host .zoom-controls button{-webkit-appearance:none;background:var(--plugin--background,rgb(247,247,247));border:1px solid var(--inactive--color,rgb(204,204,204));color:var(--d3fc-label--color,inherit);font-size:12px;padding:8px;opacity:0.5;cursor:pointer;}:host .zoom-controls button:hover{opacity:1;}:host .parent-controls{position:absolute;top:30px;right:145px;%;text-align:right;}:host .parent-controls button{-webkit-appearance:none;background:rgb(247,247,247);border:1px solid rgb(204,204,204);padding:10px;opacity:0.5;cursor:pointer;}:host .parent-controls button:hover{background:rgb(230,230,230);}:host div.tooltip{position:absolute;text-align:left;font-size:12px;font-weight:300;white-space:nowrap;padding:0.5em;background:var(--d3fc-tooltip--background,#ffffff);color:var(--d3fc-tooltip--color,black);border:1px solid var(--d3fc-tooltip--border-color,#777777);box-shadow:var(--d3fc-tooltip--box-shadow,none);pointer-events:none;}:host div.tooltip ul{margin:0;padding:0;list-style-type:none;}d3fc-canvas,d3fc-svg{position:relative;display:block}d3fc-canvas>canvas,d3fc-svg>svg{position:absolute;%;%}d3fc-svg>svg{overflow:visible}d3fc-group.cartesian-chart{%;%;overflow:hidden;display:grid;display:-ms-grid;grid-template-columns:minmax(1em,max-content) auto 1fr auto minmax(1em,max-content);-ms-grid-columns:minmax(1em,max-content) auto 1fr auto minmax(1em,max-content);grid-template-rows:minmax(1em,max-content) auto 1fr auto minmax(1em,max-content);-ms-grid-rows:minmax(1em,max-content) auto 1fr auto minmax(1em,max-content);}
d3fc-group.cartesian-chart>.top-label{align-self:center;-ms-grid-column-align:center;justify-self:center;-ms-grid-row-align:center;grid-column:3;-ms-grid-column:3;grid-row:1;-ms-grid-row:1;}
d3fc-group.cartesian-chart>.top-axis{height:2em;grid-column:3;-ms-grid-column:3;grid-row:2;-ms-grid-row:2;}
d3fc-group.cartesian-chart>.left-label{align-self:center;-ms-grid-column-align:center;justify-self:center;-ms-grid-row-align:center;grid-column:1;-ms-grid-column:1;grid-row:3;-ms-grid-row:3;}
d3fc-group.cartesian-chart>.left-axis{width:3em;grid-column:2;-ms-grid-column:2;grid-row:3;-ms-grid-row:3;}
d3fc-group.cartesian-chart>.plot-area{overflow:hidden;grid-column:3;-ms-grid-column:3;grid-row:3;-ms-grid-row:3;}
d3fc-group.cartesian-chart>.right-axis{width:3em;grid-column:4;-ms-grid-column:4;grid-row:3;-ms-grid-row:3;}
d3fc-group.cartesian-chart>.right-label{align-self:center;-ms-grid-column-align:center;justify-self:center;-ms-grid-row-align:center;grid-column:5;-ms-grid-column:5;grid-row:3;-ms-grid-row:3;}
d3fc-group.cartesian-chart>.bottom-axis{height:2em;grid-column:3;-ms-grid-column:3;grid-row:4;-ms-grid-row:4;}
d3fc-group.cartesian-chart>.bottom-label{align-self:center;-ms-grid-column-align:center;justify-self:center;-ms-grid-row-align:center;grid-column:3;-ms-grid-column:3;grid-row:5;-ms-grid-row:5;}
d3fc-group.cartesian-chart>.y-label{display:flex;transform:rotate(-90deg);width:1em;white-space:nowrap;justify-content:center;}</style><div id="container" class="chart treemap has-legend"><div class="outer-container" style="padding-left: 0px;"><div class="inner-container" style="grid-template-columns: repeat(1, 100%); grid-template-rows: repeat(1, 100%);"><div class="treemap-container"><div class="title-container" display="inline-block" style="text-align: center;"><text class="title" style="text-align: left;"></text></div><svg><g class="treemap"><g><rect class="treerect leafnode" style="x: 0px; y: 0px; fill: rgba(3, 102, 214, 0.8);"></rect><text x="42.97141796785068" y="163.80677104749495" style="font-size: 8px; opacity: 0.7; z-index: 4;" dx="-21.679689407348633" dy="2.25">Bookcases</text></g><g><rect class="treerect leafnode" style="x: 86.9428; y: 0px; fill: rgba(3, 102, 214, 0.8);"></rect><text x="210.73034200762362" y="163.80677104749495" style="font-size: 8px; opacity: 0.7; z-index: 4;" dx="-14.453125" dy="2.25">Chairs</text></g><g><rect class="treerect leafnode" style="x: 335.518; y: 0px; fill: rgba(3, 102, 214, 0.8);"></rect><text x="448.03699047801126" y="49.94947357413654" style="font-size: 8px; opacity: 0.7; z-index: 4;" dx="-26.4921875" dy="2.25">Furnishings</text></g><g><rect class="treerect leafnode" style="x: 335.518; y: 100.899; fill: rgba(3, 102, 214, 0.8);"></rect><text x="448.03699047801126" y="214.25624462163148" style="font-size: 8px; opacity: 0.7; z-index: 4;" dx="-14.453125" dy="2.25">Tables</text></g><g><rect class="treerect leafnode" style="x: 0px; y: 330.614; fill: rgba(255, 127, 14, 0.8);"></rect><text x="111.00364309047617" y="390.0622447845208" style="font-size: 8px; opacity: 0.7; z-index: 4;" dx="-24.085933685302734" dy="2.25">Appliances</text></g><g><rect class="treerect leafnode" style="x: 223.007; y: 330.614; fill: rgba(255, 127, 14, 0.8);"></rect><text x="250.62765571591277" y="390.0622447845208" style="font-size: 8px; opacity: 0.7; z-index: 4;" dx="-7.2265625" dy="2.25">Art</text></g><g><rect class="treerect leafnode" style="x: 0px; y: 450.511; fill: rgba(255, 127, 14, 0.8);"></rect><text x="126.90956842174151" y="549.2554737370258" style="font-size: 8px; opacity: 0.7; z-index: 4;" dx="-16.859375" dy="2.25">Binders</text></g><g><rect class="treerect leafnode" style="x: 254.819; y: 450.511; fill: rgba(255, 127, 14, 0.8);"></rect><text x="266.53358104717813" y="533.8640512274649" style="opacity: 0; z-index: 4;" dx="-21.6796875" dy="2.25">Envelopes</text></g><g><rect class="treerect leafnode" style="x: 254.819; y: 618.217; fill: rgba(255, 127, 14, 0.8);"></rect><text x="266.53358104717813" y="633.1085774904391" style="opacity: 0; z-index: 4;" dx="-21.6796875" dy="2.25">Fasteners</text></g><g><rect class="treerect leafnode" style="x: 279.248; y: 330.614; fill: rgba(255, 127, 14, 0.8);"></rect><text x="298.1234280927657" y="370.1738160055452" style="font-size: 8px; opacity: 0.7; z-index: 4;" dx="-14.453125" dy="2.25">Labels</text></g><g><rect class="treerect leafnode" style="x: 317.999; y: 330.614; fill: rgba(255, 127, 14, 0.8);"></rect><text x="439.27748190556747" y="370.1738160055452" style="font-size: 8px; opacity: 0.7; z-index: 4;" dx="-12.046875" dy="2.25">Paper</text></g><g><rect class="treerect leafnode" style="x: 279.248; y: 410.734; fill: rgba(255, 127, 14, 0.8);"></rect><text x="395.5481362844403" y="529.3670449580502" style="font-size: 8px; opacity: 0.7; z-index: 4;" dx="-16.859375" dy="2.25">Storage</text></g><g><rect class="treerect leafnode" style="x: 512.848; y: 410.734; fill: rgba(255, 127, 14, 0.8);"></rect><text x="536.702190097242" y="529.3670449580502" style="font-size: 8px; opacity: 0.7; z-index: 4;" dx="-19.265625" dy="2.25">Supplies</text></g><g><rect class="treerect leafnode" style="x: 563.556; y: 0px; fill: rgba(44, 160, 44, 0.8);"></rect><text x="647.7005944474745" y="122.4878166789874" style="font-size: 8px; opacity: 0.7; z-index: 4;" dx="-26.4921875" dy="2.25">Accessories</text></g><g><rect class="treerect leafnode" style="x: 732.845; y: 0px; fill: rgba(44, 160, 44, 0.8);"></rect><text x="807.9615905092362" y="122.4878166789874" style="font-size: 8px; opacity: 0.7; z-index: 4;" dx="-16.859375" dy="2.25">Copiers</text></g><g><rect class="treerect leafnode" style="x: 563.556; y: 245.976; fill: rgba(44, 160, 44, 0.8);"></rect><text x="723.3171289382383" y="318.91657047715273" style="font-size: 8px; opacity: 0.7; z-index: 4;" dx="-19.265625" dy="2.25">Machines</text></g><g><rect class="treerect leafnode" style="x: 563.556; y: 392.858; fill: rgba(44, 160, 44, 0.8);"></rect><text x="723.3171289382383" y="520.4287537981653" style="font-size: 8px; opacity: 0.7; z-index: 4;" dx="-14.453125" dy="2.25">Phones</text></g><g><rect class="treerect branchnode" style="x: 0px; y: 0px; fill: transparent;"></rect><text x="280.27806643823834" y="163.80677104749495" style="font-size: 14px; z-index: 5; pointer-events: none;" dx="-37.9296875" dy="4">Furniture</text></g><g><rect class="treerect branchnode" style="x: 0px; y: 330.614; fill: transparent;"></rect><text x="280.27806643823834" y="489.306771047495" style="font-size: 14px; z-index: 5; pointer-events: none;" dx="-63.21875" dy="4">Office Supplies</text></g><g><rect class="treerect branchnode" style="x: 563.556; y: 0px; fill: transparent;"></rect><text x="723.3171289382383" y="324" style="font-size: 14px; z-index: 5; pointer-events: none;" dx="-42.1484375" dy="4.001953125">Technology</text></g><g><rect class="treerect rootnode" style="x: 0px; y: 0px; fill: transparent;"></rect><text x="441.5390625" y="324" style="font-size: 0px; opacity: 0; z-index: 4;" dx="0" dy="0">root</text></g></g></svg><div class="parent-controls" style="display: none;"><button id="goto-parent">⇪ null</button>
</div></div></div></div><div class="legend-container" borderbox-on-hover="true" style="z-index: 2; cursor: move;"><svg id="dragHandles" width="100" height="68"><g><rect id="dragleft" class="vertical-drag-handle" y="9" x="0" height="50" width="9" fill="lightgreen" fill-opacity="0" cursor="ew-resize" style="z-index: 3;"></rect><rect id="dragtop" class="horizontal-drag-handle" y="0" x="9" height="9" width="82" fill="lightblue" fill-opacity="0" cursor="ns-resize" style="z-index: 3;"></rect><rect id="dragright" class="vertical-drag-handle" y="9" x="91" height="50" width="9" fill="lightgreen" fill-opacity="0" cursor="ew-resize" style="z-index: 3;"></rect><rect id="dragbottom" class="horizontal-drag-handle" y="59" x="9" height="9" width="82" fill="lightblue" fill-opacity="0" cursor="ns-resize" style="z-index: 3;"></rect><rect id="dragtopleft" class="corner-drag-handle top left" height="9" width="9" fill="red" fill-opacity="0" cursor="nwse-resize" style="z-index: 3;" y="0"></rect><rect id="dragtopright" class="corner-drag-handle top right" height="9" width="9" fill="red" fill-opacity="0" cursor="nesw-resize" style="z-index: 3;" y="0" x="91"></rect><rect id="dragbottomright" class="corner-drag-handle bottom right" height="9" width="9" fill="red" fill-opacity="0" cursor="nwse-resize" style="z-index: 3;" y="59" x="91"></rect><rect id="dragbottomleft" class="corner-drag-handle bottom left" height="9" width="9" fill="red" fill-opacity="0" cursor="nesw-resize" style="z-index: 3;" y="59" x="0"></rect></g></svg><g class="legend-controls" style="display: none;"><span id="up-arrow" class="disabled">▲</span>
<span id="page-text">1/1</span>
<span id="down-arrow" class="disabled">▼</span>
</g><svg class="legend" height="64"><g class="legendCells" transform="translate(20,20)"><g class="cell" transform="translate(0, 0)"><circle class="swatch" r="6" style="fill: rgba(3, 102, 214, 0.8);"></circle><text class="label" transform="translate( 16, 5)">Furniture</text><title>Furniture</title></g><g class="cell" transform="translate(0, 15)"><circle class="swatch" r="6" style="fill: rgba(255, 127, 14, 0.8);"></circle><text class="label" transform="translate( 16, 5)">Office...</text><title>Office Supplies</title></g><g class="cell" transform="translate(0, 30)"><circle class="swatch" r="6" style="fill: rgba(44, 160, 44, 0.8);"></circle><text class="label" transform="translate( 16, 5)">Techno...</text><title>Technology</title></g></g></svg></div><div class="tooltip" style="z-index: 3; opacity: 0;"><ul id="tooltip-values"></ul>
</div></div>